<template>
  <hips-view>
    <hips-nav-bar title="首页" slot="header" />

    <hips-group>
      <hips-cell title="分页列表" @click="toPagingList()"></hips-cell>
      <hips-cell title="定长列表" @click="toLimitList()"></hips-cell>
    </hips-group>
  </hips-view>
</template>

<script>
import {
  View,
  NavBar,
  Group,
  Cell,
} from '@hips/vue-ui';

export default {
  name: 'main-page',
  components: {
    [View.name]: View,
    [NavBar.name]: NavBar,
    [Cell.name]: Cell,
    [Group.name]: Group,
  },
  data() {
    return {
      active1: [0],
    };
  },
  methods: {
    toPagingList() {
      this.$dsxRouter.push({ name: 'paging-list' });
    },
    toLimitList() {
      this.$dsxRouter.push({ name: 'limit-list' });
    },
  },
};
</script>

<style scoped></style>
